<template>
  <div>
    <van-collapse v-model="activeNames" class="zd">
      <van-collapse-item title="组织用户" name="1"><p><a href="/organization" class="router-link-exact-active router-link-active" title="组织管理" aria-current="page"><span>组织管理</span></a></p>
                                                  <p><a href="/user" class="router-link-exact-active router-link-active" title="用户管理" aria-current="page"><span>用户管理</span></a></p>
                                                  <p><a href="/post" class="router-link-exact-active router-link-active" title="职务管理" aria-current="page"><span>职务管理</span></a></p>
                                                  <p><a href="/station" class="router-link-exact-active router-link-active" title="岗位管理" aria-current="page"><span>岗位管理</span></a></p>
                                                  </van-collapse-item>
      <van-collapse-item title="菜单权限" name="2"><p>角色管理</p>
                                                  <p>角色授权</p>
                                                  <p>菜单管理</p></van-collapse-item>
      <van-collapse-item title="应用管理" name="3"><p>应用开发</p>
                                                  <p>流程监控</p>
                                                  <p>流程分析</p>
                                                  <p>应用模板</p>
                                                  <p></p></van-collapse-item>
      <van-collapse-item title="配置管理" name="4">内容</van-collapse-item>
      <van-collapse-item title="系统监控" name="5">内容</van-collapse-item>
      <van-collapse-item title="系统工具" name="6">内容</van-collapse-item>
    </van-collapse>
  </div>
</template>

<script>
export default {
name: "left",
  data() {
    return {
      activeNames: ['1'],
    };
  },
}
</script>

<style scoped>
.zd{
  width: 250px;
}
</style>